<template>
  <div class="all_box_HotPic">
    <div class="total_title_HotPic">
      <p class="title">热门话题</p>
    </div>
    <div>
      <img
        class="img_Hotpic"
        src="https://p.moimg.net/project/project_20200629_1593397289_6861_crop.jpg?imageMogr2/auto-orient/strip"
        alt=""
      />
    </div>
    <p class="two_line_p"># 你有哪些自认为良好的消费习惯？ #</p>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.all_box_HotPic {
  margin-top: 50px;
  /* height: 40px; */
}
.total_title_HotPic {
  overflow: hidden;
  padding-bottom: 20px;
  border-bottom: 1px solid #dee0e1;
}
.title {
  font-size: 24px;
  line-height: 24px;
  color: #222c37;
  float: left;
  font-weight: 700;
}
.img_Hotpic {
  width: 100%;
  height: 128px;
}
.two_line_p {
  margin: 16px 0;
  font-size: 16px;
  line-height: 24px;
  color: #222c37;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}
</style>
